<svg viewBox='0 0 800 320' class='fm-chart'>
  <style type='text/css'>
  <![CDATA[
  .fm-chart text, .fm-tooltip {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font: 10px sans-serif;
  }

  .fm-chart .axis .stroke {
    stroke: #aaa;
    stroke-width: 1px;
  }

  .fm-chart .axis .tick {
    stroke: #aaa;
    stroke-width: 1px;
  }

  .fm-chart .axis .label, .axis .title {
    fill: #666;
  }

  .fm-chart .axis .label {
    font-size: 10px;
  }

  .fm-chart .axis .title {
    font-size: 10px;
  }

  .fm-chart .chart-title {
    font-size: 12px;
    font-weight: bold;
  }

  .fm-chart .chart-subtitle {
    font-size: 10px;
  }

  .fm-chart text.label {
    fill: #666;
  }

  .fm-chart .legend text {
    font-size: 10px;
    fill: #333;
  }

  .fm-chart .legend text.title {
    fill: #666;
  }

  .fm-chart .line {
    fill: none;
    stroke: #000;
  }

  .fm-chart .area {
    opacity: 0.8;
  }

  .fm-chart .grid .gridline {
    stroke: #ddd;
    stroke-width: 0.02em;
  }

  .fm-chart .bar,
  .fm-chart .point,
  .fm-chart .area {
    fill: #000;
  }

  .fm-chart .bar.color6,
  .fm-chart .point.color6,
  .fm-chart .area.color6 {
    fill: #db843d;
  }

  .fm-chart .lines .line.color6 {
    strok: #db843d;
  }

  .fm-chart .bar.color5,
  .fm-chart .point.color5,
  .fm-chart .area.color5 {
    fill: #3d96ae;
  }

  .fm-chart .lines .line.color5 {
    stroke: #3d96ae;
  }

  .fm-chart .bar.color4,
  .fm-chart .point.color4,
  .fm-chart .area.color4 {
    fill: #80699b;
  }

  .fm-chart .line.color4 {
    stroke: #80699b;
  }

  .fm-chart .bar.color3,
  .fm-chart .point.color3,
  .fm-chart .area.color3 {
    fill: #89a54e;
  }

  .fm-chart .line.color3 {
    stroke: #89a54e;
  }

  .fm-chart .bar.color2,
  .fm-chart .point.color2,
  .fm-chart .area.color2 {
    fill: #aa4643;
  }

  .fm-chart .line.color2 {
    stroke: #aa4643;
  }

  .fm-chart .bar.color1,
  .fm-chart .point.color1,
  .fm-chart .area.color1 {
    fill: #4572a7;
  }

  .fm-chart .line.color1 {
    stroke: #4572a7;
  }

  .fm-chart.bar.vertical .axis.left .stroke,
  .fm-chart.bar.vertical .axis.left .tick,
  .fm-chart.bar.vertical .axis.right .stroke,
  .fm-chart.bar.vertical .axis.right .tick {
    display: none;
  }

  .fm-tooltip {
    text-align: center;
    padding: 5px 7px;
    color: #fff;
    background: #333;
    border-radius: 3px;
    font-size: 13px;
  }
  ]]>
  </style>
  <g class='axis bottom'>
    <text x='744.791667' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Dec</text>
    <text x='684.375000' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Nov</text>
    <text x='623.958333' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Oct</text>
    <text x='563.541667' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Sep</text>
    <text x='503.125000' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Aug</text>
    <text x='442.708333' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Jul</text>
    <text x='382.291667' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Jun</text>
    <text x='321.875000' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >May</text>
    <text x='261.458333' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Apr</text>
    <text x='201.041667' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Mar</text>
    <text x='140.625000' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Feb</text>
    <text x='80.208333' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >Jan</text>
    <line x1='50.000000' y1='295.000000' x2='50.000000' y2='290.000000' class='tick' />
    <line x1='775.000000' y1='295.000000' x2='775.000000' y2='290.000000' class='tick' />
    <line x1='714.583333' y1='295.000000' x2='714.583333' y2='290.000000' class='tick' />
    <line x1='654.166667' y1='295.000000' x2='654.166667' y2='290.000000' class='tick' />
    <line x1='593.750000' y1='295.000000' x2='593.750000' y2='290.000000' class='tick' />
    <line x1='533.333333' y1='295.000000' x2='533.333333' y2='290.000000' class='tick' />
    <line x1='472.916667' y1='295.000000' x2='472.916667' y2='290.000000' class='tick' />
    <line x1='412.500000' y1='295.000000' x2='412.500000' y2='290.000000' class='tick' />
    <line x1='352.083333' y1='295.000000' x2='352.083333' y2='290.000000' class='tick' />
    <line x1='291.666667' y1='295.000000' x2='291.666667' y2='290.000000' class='tick' />
    <line x1='231.250000' y1='295.000000' x2='231.250000' y2='290.000000' class='tick' />
    <line x1='170.833333' y1='295.000000' x2='170.833333' y2='290.000000' class='tick' />
    <line x1='110.416667' y1='295.000000' x2='110.416667' y2='290.000000' class='tick' />
    <line x1='50.000000' y1='295.000000' x2='775.000000' y2='295.000000' class='stroke' />
  </g>
  <g class='axis left'>
    <text x='40.000000' y='295.000000' style='text-anchor:end; dominant-baseline:middle;' class='label' >-3.64</text>
    <text x='40.000000' y='254.571429' style='text-anchor:end; dominant-baseline:middle;' class='label' >1.06</text>
    <text x='40.000000' y='214.142857' style='text-anchor:end; dominant-baseline:middle;' class='label' >5.75</text>
    <text x='40.000000' y='173.714286' style='text-anchor:end; dominant-baseline:middle;' class='label' >10.5</text>
    <text x='40.000000' y='133.285714' style='text-anchor:end; dominant-baseline:middle;' class='label' >15.1</text>
    <text x='40.000000' y='92.857143' style='text-anchor:end; dominant-baseline:middle;' class='label' >19.8</text>
    <text x='40.000000' y='52.428571' style='text-anchor:end; dominant-baseline:middle;' class='label' >24.5</text>
    <text x='40.000000' y='12.000000' style='text-anchor:end; dominant-baseline:middle;' class='label' >29.2</text>
    <line x1='50.000000' y1='295.000000' x2='55.000000' y2='295.000000' class='tick' />
    <line x1='50.000000' y1='254.571429' x2='55.000000' y2='254.571429' class='tick' />
    <line x1='50.000000' y1='214.142857' x2='55.000000' y2='214.142857' class='tick' />
    <line x1='50.000000' y1='173.714286' x2='55.000000' y2='173.714286' class='tick' />
    <line x1='50.000000' y1='133.285714' x2='55.000000' y2='133.285714' class='tick' />
    <line x1='50.000000' y1='92.857143' x2='55.000000' y2='92.857143' class='tick' />
    <line x1='50.000000' y1='52.428571' x2='55.000000' y2='52.428571' class='tick' />
    <line x1='50.000000' y1='12.000000' x2='55.000000' y2='12.000000' class='tick' />
    <line x1='50.000000' y1='12.000000' x2='50.000000' y2='295.000000' class='stroke' />
  </g>
  <g class='legend'>
    <text x='750.000000' y='22.000000' style='text-anchor:end; dominant-baseline:text-before-edge;' class='title' ></text>
    <circle cx='75.000000' cy='28.000000' r='3.000000' class='point color1' fm:label='' fm:series='', style=''></circle>
    <text x='83.000000' y='28.000000' style='text-anchor:start; dominant-baseline:central;' class='label' >Tokyo</text>
    <circle cx='125.000000' cy='28.000000' r='3.000000' class='point color2' fm:label='' fm:series='', style=''></circle>
    <text x='133.000000' y='28.000000' style='text-anchor:start; dominant-baseline:central;' class='label' >New York</text>
    <circle cx='193.000000' cy='28.000000' r='3.000000' class='point color3' fm:label='' fm:series='', style=''></circle>
    <text x='201.000000' y='28.000000' style='text-anchor:start; dominant-baseline:central;' class='label' >Berlin</text>
    <circle cx='249.000000' cy='28.000000' r='3.000000' class='point color4' fm:label='' fm:series='', style=''></circle>
    <text x='257.000000' y='28.000000' style='text-anchor:start; dominant-baseline:central;' class='label' >London</text>
  </g>
  <g class='lines'>
    <circle cx='744.791667' cy='181.042579' r='3.000000' class='point color1' fm:label='Avg. Temperatures in Dec in Tokyo: 9.6' fm:series='Tokyo', style=''></circle>
    <circle cx='684.375000' cy='144.032238' r='3.000000' class='point color1' fm:label='Avg. Temperatures in Nov in Tokyo: 13.9' fm:series='Tokyo', style=''></circle>
    <circle cx='623.958333' cy='106.161192' r='3.000000' class='point color1' fm:label='Avg. Temperatures in Oct in Tokyo: 18.3' fm:series='Tokyo', style=''></circle>
    <circle cx='563.541667' cy='63.125912' r='3.000000' class='point color1' fm:label='Avg. Temperatures in Sep in Tokyo: 23.3' fm:series='Tokyo', style=''></circle>
    <circle cx='503.125000' cy='35.583333' r='3.000000' class='point color1' fm:label='Avg. Temperatures in Aug in Tokyo: 26.5' fm:series='Tokyo', style=''></circle>
    <circle cx='442.708333' cy='46.772506' r='3.000000' class='point color1' fm:label='Avg. Temperatures in Jul in Tokyo: 25.2' fm:series='Tokyo', style=''></circle>
    <circle cx='382.291667' cy='78.618613' r='3.000000' class='point color1' fm:label='Avg. Temperatures in Jun in Tokyo: 21.5' fm:series='Tokyo', style=''></circle>
    <circle cx='321.875000' cy='107.021898' r='3.000000' class='point color1' fm:label='Avg. Temperatures in May in Tokyo: 18.2' fm:series='Tokyo', style=''></circle>
    <circle cx='261.458333' cy='138.868005' r='3.000000' class='point color1' fm:label='Avg. Temperatures in Apr in Tokyo: 14.5' fm:series='Tokyo', style=''></circle>
    <circle cx='201.041667' cy='181.903285' r='3.000000' class='point color1' fm:label='Avg. Temperatures in Mar in Tokyo: 9.5' fm:series='Tokyo', style=''></circle>
    <circle cx='140.625000' cy='204.281630' r='3.000000' class='point color1' fm:label='Avg. Temperatures in Feb in Tokyo: 6.9' fm:series='Tokyo', style=''></circle>
    <circle cx='80.208333' cy='203.420925' r='3.000000' class='point color1' fm:label='Avg. Temperatures in Jan in Tokyo: 7.0' fm:series='Tokyo', style=''></circle>
    <path stroke-width='2.000000' class='line color1' style='' d='M744.791667 181.042579 L684.375000 144.032238 L623.958333 106.161192 L563.541667 63.125912 L503.125000 35.583333 L442.708333 46.772506 L382.291667 78.618613 L321.875000 107.021898 L261.458333 138.868005 L201.041667 181.903285 L140.625000 204.281630 L80.208333 203.420925 ' />
    <circle cx='744.791667' cy='242.152676' r='3.000000' class='point color2' fm:label='Avg. Temperatures in Dec in New York: 2.5' fm:series='New York', style=''></circle>
    <circle cx='684.375000' cy='189.649635' r='3.000000' class='point color2' fm:label='Avg. Temperatures in Nov in New York: 8.6' fm:series='New York', style=''></circle>
    <circle cx='623.958333' cy='142.310827' r='3.000000' class='point color2' fm:label='Avg. Temperatures in Oct in New York: 14.1' fm:series='New York', style=''></circle>
    <circle cx='563.541667' cy='90.668491' r='3.000000' class='point color2' fm:label='Avg. Temperatures in Sep in New York: 20.1' fm:series='New York', style=''></circle>
    <circle cx='503.125000' cy='56.240268' r='3.000000' class='point color2' fm:label='Avg. Temperatures in Aug in New York: 24.1' fm:series='New York', style=''></circle>
    <circle cx='442.708333' cy='50.215328' r='3.000000' class='point color2' fm:label='Avg. Temperatures in Jul in New York: 24.8' fm:series='New York', style=''></circle>
    <circle cx='382.291667' cy='74.315085' r='3.000000' class='point color2' fm:label='Avg. Temperatures in Jun in New York: 22.0' fm:series='New York', style=''></circle>
    <circle cx='321.875000' cy='117.350365' r='3.000000' class='point color2' fm:label='Avg. Temperatures in May in New York: 17.0' fm:series='New York', style=''></circle>
    <circle cx='261.458333' cy='166.410584' r='3.000000' class='point color2' fm:label='Avg. Temperatures in Apr in New York: 11.3' fm:series='New York', style=''></circle>
    <circle cx='201.041667' cy='214.610097' r='3.000000' class='point color2' fm:label='Avg. Temperatures in Mar in New York: 5.7' fm:series='New York', style=''></circle>
    <circle cx='140.625000' cy='256.784672' r='3.000000' class='point color2' fm:label='Avg. Temperatures in Feb in New York: 0.8' fm:series='New York', style=''></circle>
    <circle cx='80.208333' cy='265.391727' r='3.000000' class='point color2' fm:label='Avg. Temperatures in Jan in New York: -0.2' fm:series='New York', style=''></circle>
    <path stroke-width='2.000000' class='line color2' style='' d='M744.791667 242.152676 L684.375000 189.649635 L623.958333 142.310827 L563.541667 90.668491 L503.125000 56.240268 L442.708333 50.215328 L382.291667 74.315085 L321.875000 117.350365 L261.458333 166.410584 L201.041667 214.610097 L140.625000 256.784672 L80.208333 265.391727 ' />
    <circle cx='80.208333' cy='271.416667' r='3.000000' class='point color3' fm:label='Avg. Temperatures in Jan in Berlin: -0.9' fm:series='Berlin', style=''></circle>
    <circle cx='140.625000' cy='258.506083' r='3.000000' class='point color3' fm:label='Avg. Temperatures in Feb in Berlin: 0.6' fm:series='Berlin', style=''></circle>
    <circle cx='201.041667' cy='233.545620' r='3.000000' class='point color3' fm:label='Avg. Temperatures in Mar in Berlin: 3.5' fm:series='Berlin', style=''></circle>
    <circle cx='261.458333' cy='191.371046' r='3.000000' class='point color3' fm:label='Avg. Temperatures in Apr in Berlin: 8.4' fm:series='Berlin', style=''></circle>
    <circle cx='321.875000' cy='147.475061' r='3.000000' class='point color3' fm:label='Avg. Temperatures in May in Berlin: 13.5' fm:series='Berlin', style=''></circle>
    <circle cx='382.291667' cy='117.350365' r='3.000000' class='point color3' fm:label='Avg. Temperatures in Jun in Berlin: 17.0' fm:series='Berlin', style=''></circle>
    <circle cx='442.708333' cy='103.579075' r='3.000000' class='point color3' fm:label='Avg. Temperatures in Jul in Berlin: 18.6' fm:series='Berlin', style=''></circle>
    <circle cx='503.125000' cy='109.604015' r='3.000000' class='point color3' fm:label='Avg. Temperatures in Aug in Berlin: 17.9' fm:series='Berlin', style=''></circle>
    <circle cx='563.541667' cy='140.589416' r='3.000000' class='point color3' fm:label='Avg. Temperatures in Sep in Berlin: 14.3' fm:series='Berlin', style=''></circle>
    <circle cx='623.958333' cy='186.206813' r='3.000000' class='point color3' fm:label='Avg. Temperatures in Oct in Berlin: 9.0' fm:series='Berlin', style=''></circle>
    <circle cx='684.375000' cy='230.102798' r='3.000000' class='point color3' fm:label='Avg. Temperatures in Nov in Berlin: 3.9' fm:series='Berlin', style=''></circle>
    <circle cx='744.791667' cy='255.063260' r='3.000000' class='point color3' fm:label='Avg. Temperatures in Dec in Berlin: 1.0' fm:series='Berlin', style=''></circle>
    <path stroke-width='2.000000' class='line color3' style='' d='M80.208333 271.416667 L140.625000 258.506083 L201.041667 233.545620 L261.458333 191.371046 L321.875000 147.475061 L382.291667 117.350365 L442.708333 103.579075 L503.125000 109.604015 L563.541667 140.589416 L623.958333 186.206813 L684.375000 230.102798 L744.791667 255.063260 ' />
    <circle cx='80.208333' cy='230.102798' r='3.000000' class='point color4' fm:label='Avg. Temperatures in Jan in London: 3.9' fm:series='London', style=''></circle>
    <circle cx='140.625000' cy='227.520681' r='3.000000' class='point color4' fm:label='Avg. Temperatures in Feb in London: 4.2' fm:series='London', style=''></circle>
    <circle cx='201.041667' cy='214.610097' r='3.000000' class='point color4' fm:label='Avg. Temperatures in Mar in London: 5.7' fm:series='London', style=''></circle>
    <circle cx='261.458333' cy='190.510341' r='3.000000' class='point color4' fm:label='Avg. Temperatures in Apr in London: 8.5' fm:series='London', style=''></circle>
    <circle cx='321.875000' cy='161.246350' r='3.000000' class='point color4' fm:label='Avg. Temperatures in May in London: 11.9' fm:series='London', style=''></circle>
    <circle cx='382.291667' cy='132.843066' r='3.000000' class='point color4' fm:label='Avg. Temperatures in Jun in London: 15.2' fm:series='London', style=''></circle>
    <circle cx='442.708333' cy='117.350365' r='3.000000' class='point color4' fm:label='Avg. Temperatures in Jul in London: 17.0' fm:series='London', style=''></circle>
    <circle cx='503.125000' cy='120.793187' r='3.000000' class='point color4' fm:label='Avg. Temperatures in Aug in London: 16.6' fm:series='London', style=''></circle>
    <circle cx='563.541667' cy='141.450122' r='3.000000' class='point color4' fm:label='Avg. Temperatures in Sep in London: 14.2' fm:series='London', style=''></circle>
    <circle cx='623.958333' cy='175.017640' r='3.000000' class='point color4' fm:label='Avg. Temperatures in Oct in London: 10.3' fm:series='London', style=''></circle>
    <circle cx='684.375000' cy='206.863747' r='3.000000' class='point color4' fm:label='Avg. Temperatures in Nov in London: 6.6' fm:series='London', style=''></circle>
    <circle cx='744.791667' cy='222.356448' r='3.000000' class='point color4' fm:label='Avg. Temperatures in Dec in London: 4.8' fm:series='London', style=''></circle>
    <path stroke-width='2.000000' class='line color4' style='' d='M80.208333 230.102798 L140.625000 227.520681 L201.041667 214.610097 L261.458333 190.510341 L321.875000 161.246350 L382.291667 132.843066 L442.708333 117.350365 L503.125000 120.793187 L563.541667 141.450122 L623.958333 175.017640 L684.375000 206.863747 L744.791667 222.356448 ' />
  </g>
</svg>
